﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ETypeCategoryMasterForm.aspx.cs"
    Inherits="FX.CC.Andon.WebSite.BasicDataManage.ETypeCategoryMasterForm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>异常明细类别</title>
    <script src="../lib/boot.js" type="text/javascript"></script>
</head>
<body>
    <div class="mini-splitter" style="width: 100%; height: 100%;">
        <div size="30%" showcollapsebutton="true">
            <div class="mini-fit">
                <div id="grid1" class="mini-datagrid" style="width: 100%; height: 100%;" idfield="ETypeCode"
                    borderstyle="border:0;" sizelist="[10,20,50,100]" pagesize="20" onselectionchanged="onSelectionChanged"
                    selectonload="true" >
                    <div property="columns">
                        <div type="indexcolumn">
                        </div>
                        <div field="ETypeCode" width="100" headeralign="center" allowsort="true">
                            异常原因编号</div>
                        <div field="ETypeName" width="120" headeralign="center" allowsort="true">
                            异常原因名称</div>
                    </div>
                </div>
            </div>
        </div>
        <div size="70%" showcollapsebutton="true">
            <div class="mini-toolbar" style="padding: 2px; border-top: 0; border-left: 0; border-right: 0;">
                <a class="mini-button" iconcls="icon-add" onclick="add();" plain="true">添加</a> <a
                    class="mini-button" iconcls="icon-edit" onclick="edit()" plain="true">编辑</a>
                <span class="separator"></span><a class="mini-button" iconcls="icon-freeze" onclick="freeze()"
                    plain="true">禁用</a> <a class="mini-button" iconcls="icon-unfrozen" onclick="unfrozen()"
                        plain="true">启用</a> <span class="separator"></span><a class="mini-button" onclick="close()"
                            iconcls="icon-close" plain="true">关闭</a>
            </div>
            <div class="mini-fit">
                <div id="grid2" class="mini-datagrid" style="width: 100%; height: 100%;" idfield="CatID"
                    borderstyle="border:0;" sizelist="[10,20,50,100]" pagesize="20" onrowdblclick="ondoubleclick()">
                    <div property="columns">
                        <div type="indexcolumn">
                        </div>
                        <div field="RecStatus" width="50" headeralign="center" allowsort="true" renderer="onRecStatusRenderer">
                            状态
                        </div>
                        <div field="CatName" width="140" headeralign="center" allowsort="true">
                            异常明细类别名称
                        </div>
                        <div field="CatDesc" width="200" headeralign="center" allowsort="false">
                            备注
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript">
    mini.parse();
    var grid1 = mini.get("grid1");
    var grid2 = mini.get("grid2");
    grid1.setUrl("../service/BasicDataManageHandler.ashx?action=GetETypeList&RecStatus=1");
    grid1.load();
    function onSelectionChanged(e) {
        var gridEType = e.sender;
        var record = gridEType.getSelected();
        if (record) {
            grid2.setUrl("../Service/BasicDataManageHandler.ashx?action=GetETypeCategoryListById");
            grid2.load({ ETypeCode: record.ETypeCode });
        }
        else {
            grid2.clearRows();
        }
    }

    function add() {
        var row = grid1.getSelected();
        if (row) {
            mini.open({
                url: "BasicDataManage/ETypeCategoryInfoForm.aspx",
                title: "新增异常明细类别", width: 495, height: 232,
                onload: function () {
                    var iframe = this.getIFrameEl();
                    var data = { action: "new", ETypeCode: row.ETypeCode };
                    iframe.contentWindow.SetData(data);
                },
                ondestroy: function (action) {
                    grid2.reload();
                }
            });
        }
        else {
            mini.alert("请先选择左边列表中的异常原因，再进行添加！");
        }

    }
    function ondoubleclick() {
        edit();
    }
    function edit() {
        var row = grid2.getSelected();
        if (row) {
            mini.open({
                url: "BasicDataManage/ETypeCategoryInfoForm.aspx",
                title: "编辑异常明细类别", width: 495, height: 232,
                onload: function () {
                    var iframe = this.getIFrameEl();
                    var data = { action: "edit", CatID: row.CatID };
                    iframe.contentWindow.SetData(data);

                },
                ondestroy: function (action) {
                    grid2.reload();
                }
            });

        } else {
            mini.alert("请选中一条需要编辑的记录!");
        }
    }
    function freeze() {
        var rows = grid2.getSelected();
        if (rows) {
            if (rows.RecStatus == true) {
                mini.confirm("您确定禁用:" + rows.CatName + "？", "确定？",
                    function (action) {
                        if (action == "ok") {
                            $.ajax({
                                url: "../service/PublicHandler.ashx?action=Freeze&table=UT_ETypeCategory&field=CatID&value=" + rows.CatID,
                                success: function (text) {
                                    grid2.reload();
                                },
                                error: function () {
                                }
                            });
                        } else {
                            return false;
                        }
                    });
            }
            else {
                mini.alert(rows.CatName + " 当前状态已经是：已禁用!");
            }

        } else {
            mini.alert("请选中一条您需要禁用的记录!");
        }
    }

    function unfrozen() {
        var rows = grid2.getSelected();
        if (rows) {
            if (rows.RecStatus == false) {
                mini.confirm("您确定启用:" + rows.CatName + "？", "确定？",
                    function (action) {
                        if (action == "ok") {
                            $.ajax({
                                url: "../service/PublicHandler.ashx?action=Unfrozen&table=UT_ETypeCategory&field=CatID&value=" + rows.CatID,
                                success: function (text) {
                                    grid2.reload();
                                },
                                error: function () {
                                }
                            });
                        } else {
                            return false;
                        }
                    });
            }
            else {
                mini.alert(rows.CatName + " 当前状态已经是：已启用!");
            }

        } else {
            mini.alert("请选中一条您需要启用的记录!");
        }
    }
    function CloseWindow(action) {
        if (window.CloseOwnerWindow) return window.CloseOwnerWindow(action);
        else window.close();
    }

    function close() {
        CloseWindow("close");
    }
    function onRecStatusRenderer(e) {
        if (e.value == "0") { return "<span style=\"color: Red;font-weight:bold;\">已禁用</span>"; }
        else if (e.value == "1") { return "<span style=\"color: Green;font-weight:bold;\">已启用</span>"; }
        else { return ""; }
    }
</script>
</html>
